/*seccion de fuentes*/
@CHARSET "UTF-8";

@font-face {
    font-family: 'georgianormal';
    src: url('../fuentes/georgia/Georgia.eot');
    src: url('../fuentes/georgia/Georgia.woff') format('woff'),
        url('../fuentes/georgia/Georgia.svg#Georgia') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'georgiabold';
    src: url('../fuentes/georgia/GeorgiaBold.eot');
    src: url('../fuentes/georgia/GeorgiaBold.woff') format('woff'),
        url('../fuentes/georgia/GeorgiaBold.svg#GeorgiaBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'georgiaitalic';
    src: url('../fuentes/georgia/GeorgiaItalic.eot');
    src: url('../fuentes/georgia/GeorgiaItalic.woff') format('woff'),
        url('../fuentes/georgia/GeorgiaItalic.svg#GeorgiaItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face{
    font-family: 'verdananormal';
    src:url('../fuentes/verdana/verdana.eot');
    src: url('../fuentes/verdana/verdana.woff') format('woff'),
        url('../fuentes/georgia/verdana.svg') format('svg');        
}


*{
    font-family: 'georgia';
}

/*
    El estilo a utilizar es optimizado para navegadores de computadora a una proyeccion minima de 1024x768
    Los identificadores se componen de, dos caracteres del sistema, un guion bajo, la etiquta padre, otro guion
    bajo y  la descripcion del identificador o nombre de clase correspondiente.

    Esta es la seccion para el header de la pagina maestra.
    El encabezado del sitio web, esta seccion que contiene el menu y el banner de la aplicación para el usuario.
*/
header{
    background-color: white;
    height: 220px;
    border-bottom: 1px white solid;

}

#sm_body_mainsection{
    max-width: 1266px !important;
}


/*  
    En esta parte hay dos partes importantes, una que es el banner y otra la parte de control de usuario.
    En las parte de banners se divide entre dos partes, la primera que contiene el logo de simuni
    el cual es el proyecto, la segunda es el logo de la municipalidad, ambos con el mismo estilo.
*/
/*
    el contenedor del logo de la muni y del simuni
*/
#sm_div_logomunicontainer,#sm_div_logosimunicontainer{
    width: 128px;
    height: 140px;
    background-color: white;
    display: inline-block;
    float: left;
    padding-top:  4px;
    padding-left:   20px;

}



#sm_div_logosimunicontainer{
    width: 300px; 
}

/*
    Los campos qeu contienen propiamente la imagen logo de simuni y de la municipalidad.
*/
#sm_div_logomuni,#sm_div_logosimuni{
    border-left:  2px black;
    width: 110px;
    height: 110px;


}

#sm_div_logomuni{
    background-size: 100px 100px;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer;

}
/*
    Para la imagen se hace un padding de 100
*/
#sm_div_logosimuni{
    width: 270px;
    height: 110px;
    border-right: 0px black solid;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
#sm_div_logosimuni img,#sm_div_logosimuni span{
    float: left;
    display: table-cell;
}
#sm_div_logosimunislogan{
    display: inline-block;
    width: 250px;
    float: left;
}
#enlaceInicio{
    text-decoration: none;
    color: black;
}

/*
    para que el menu aparezca debajo del banner.
*/
#sm_header_menuprincipalsm_ul_menuitem{
    clear: both;
}




/*   para la parte del user profile*/

#sm_div_usersettings .sm_div_colcontainer{
    font-family: sans-serif;
    font-size: 1.1em;
}
#sm_div_usersettings:hover{
    cursor: pointer;

}
#sm_header_userprofilecontainer{
    float: right;
    background-color: white;

}

#sm_div_userprofile{
    width: 300px;
    height: 110px;
    padding-top: 30px;
    padding-left: 10px;

}


#sm_header_bannerandusercontainer{
    height: 144px;


}

#sm_header_menuprincipal{
    background-color: white;
    text-align: center;

}

#sm_nav_menuelementscontainer{
    margin: 0px;
    padding: 0px;
    border-top:   solid 3px ;
    border-bottom:    solid 3px white;
}
#sm_nav_menuelementscontainer .sm_ul_menuitem:first-child{
    border-left:   solid 3px white;
    margin-left: -0.5px;
    padding-left: 45px; 
}
#sm_nav_menuelementscontainer .sm_ul_menuitem:last-child{
    border-right:   solid 3px white;
}
.sm_ul_menuitem{
    display: inline-block;
    padding-top:  15px;
    padding-bottom:   15px;
    padding-right:  45px;
    margin-left: 30px;
    border-right:  solid 1px black;



}
.sm_ul_menuitem a { 
    font-size: 1.2em;
    font-family: sans-serif;
    color: gray;
    text-decoration: none;
    padding: 15px;
}

.sm_ul_menuitem a:hover{
    color:darkgreen;
    border-bottom:    solid 1px black;
}
#sm_div_configuracion{
    width: 45px;
    height: 45px;
    background-image: url(../recursos/imagenes/sistema/sm_configuracion_cuenta.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: -0px -0px;
}


/*
    barra lateral donde estara el menu lateral con mensajes, etc.
*/
#sm_body_barralateral{
    background-color: white;
    padding: 5px;
    border-right: 2px dotted lightblue;
    max-width: 220px;
}
/*
#sm_body_barralateral,#sm_body_mainsection{
    float: left;
    display: inline-block;

}*/
#sm_body_mainsection{
    width: 900px;
    margin-top: 50px;
    margin-left: 10px;
    padding: 10px;
}

#sm_notificacionescontainer,#sm_mensajescontainer{
    max-height: 250px;
    overflow-y: auto;
    width: 100%;
    font-size: 0.9em;
    padding-top: 5px;
    padding-bottom: 5px;
}
#sm_body_notificacion{
    clear: both;
}

.sm_aside_barralateralitem{
    margin-top: 4px;
}

#sm_aside_barralateralitemnotificacion,#sm_aside_barralateralitemmensaje{
    max-height: 300px;



}
#sm_body_barralateral {
    padding: 0px;
}
#sm_body_barralateral .sm_aside_barralateralitem fieldset{
    border: 0px rgba(0,0,0,0);
    padding: 0px;
    font-size: 1.2em;

}
#sm_body_barralateral .sm_aside_barralateralitem > fieldset legend{
    margin-bottom: 5px;
    color:lightgray;
}

#sm_body_barralateral .sm_aside_barralateralitem {
    margin-bottom: 30px;
}



footer{
    clear: both;
    border-top:1px solid lightblue;
}
/*
    para la parte principal de la pagina
*/


/*
    para la parte de barra de estado del sistema 
*/
#sm_body_notificacion{
    background-color: white;
    padding: 10px;
    padding-top: 15px;
    padding-bottom:  15px;
    border-top:1px solid lightblue;

}

/*estilizado de las notificaciones del sistema*/
.sm_div_notificacion{
    padding: 5px;
    max-width: 200px;
    padding-top:15px;
    background-image: url(../recursos/imagenes/sistema/sm_notificacion_usuario.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 5px black;
    margin-left: 3px;
    width: 90%;
    -webkit-transition: all ease-in-out 0.5s;



}
.sm_div_notificacion:hover{
    background-color: rgba(0,125,255,0.2);
}
.sm_div_notificacion:not(:first-child){
    margin-top: 8px;

}
/*el formato de la fecha*/
.sm_div_notificacionfechacontainer{
    color: black;
    font-size: 0.7em;
}
.sm_div_notificacionfechacontainer hr{
    width: 50%;
    border:1px dotted lightblue;
}

.sm_div_textonotificacion{
    font-style: italic;
}
.sm_div_mensaje{
    padding: 5px;
    max-width: 200px;
    padding-top:15px;
    background-image: url(../recursos/imagenes/sistema/sm_mensaje_usuario.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;  

    box-shadow: 0px 0px 5px black;
    margin-left: 3px;
    width: 90%;
    -webkit-transition: all ease-in-out 0.5s;




}
.sm_div_textomensaje{
    font-style: italic;
}
.sm_div_textomensaje:before{
    content: '"';
}
.sm_div_textomensaje:after{
    content: '"';
}
.sm_div_mensaje:hover{
    background-color: rgba(0,125,255,0.2);
}
.sm_div_mensaje:not(:first-child){
    margin-top: 8px;
}

.sm_div_edicionperfil{
    padding: 5px;
    max-width: 200px;
    padding-left: 60px;
    background-image: url(../recursos/imagenes/sistema/sm_edit_user.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;   
}
.sm_div_edicionperfil:not(:first-child){
    margin-top: 8px;
}

.sm_div_ayudausuario{
    padding: 5px;
    max-width: 200px;
    padding-left: 60px;
    background-image: url(../recursos/imagenes/sistema/sm_help.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;   
}
.sm_div_ayudausuario:not(:first-child){
    margin-top: 8px;
}

.sm_div_cerrarsesion{
    padding: 5px;
    max-width: 200px;
    padding-left: 60px;
    background-image: url(../recursos/imagenes/sistema/sm_logout.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;   
}
.sm_div_cerrarsesion:not(:first-child){
    margin-top: 8px;
}


.sm_div_separadorhr{
    background-color: white;
    border: 0 none;
    color: #eee;
    height: 1px;

}


/*seccion para el footer*/

footer .sm_div_rowcontainer{
    background-color: white;
    display: table-cell;
    vertical-align:top;
    height: 100%;


} 
footer .sm_div_rowcontainer:first-child{
    background-color: lightblue;
}
footer .sm_div_rowcontainer:not(:first-child){
    margin-top: -15px;
}

footer #sm_div_copyrigth_container{
    text-align: center;
}
footer .sm_div_colcontainer:not(:first-child){
    margin-left: -5px;
}


/*seccion para la barra de navegacion */
#sm_body_navegationbarmenu{
    background-color: white;
    height: 35px;
    /*  border-bottom: 2px dotted lightblue;*/

}


#sm_body_navegationbarmenu .sm_div_navmenuseparator{
    display: inline-block;
    font-size: 1.3em;
    color:gray;
    margin-left:  15px;
    margin-right: 12px;
    padding: 5px;
}

#sm_body_navegationbarmenu .sm_div_navmenuitem{
    text-decoration: none;
    color: gray;
    font-size: 1.2em;
    padding: 5px;
}

#sm_body_navegationbarmenu .sm_div_navmenuitem a{     
    text-decoration: none;
    color: gray;
}

#sm_body_navegationbarmenu .sm_div_navmenuitem:first-child{
    margin-left: 30px;
}

.sm_footer_tablecontainer .sm_div_colcontainer:not(:last-child){
    border-right: 1px solid lightblue;
}

.sm_footer_tablecontainer .sm_div_colcontainer:first-child{
    display: table-cell;
}


#sm_div_separadormenunavegacion{
    margin-left: 16px;

}


/**/
#sm_div_simunislogan{
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    width: 150px;
    padding-top: 10px;
    margin-top: 10px;

}
footer{
    text-align: center;
}

.sm_div_rowcontainer .sm_div_colcontainer{
    height: auto;
}
footer .sm_div_rowcontainer{
    display: block;

}

footer .sm_div_colcontainer{
    width: 500px !important;
    display: table-cell;
    background-color: lightblue;


}
footer .sm_div_colcontainer ul{
    text-align: justify;
    list-style: none;
}

.sm_div_colcontainer{
    display: inline-block;
    padding: 5px;


}
.sm_div_colcontainer:first-child{
    width: 200px;


}

.sm_div_colcontainer a{
    text-decoration: none;
    padding: 6px;
    font-size: 1.3em;
    color:black;
}

#sm_div_footerprojecticon{
    display: inline-block;
    background-image: url(../recursos/imagenes/sistema/sm_logo_simuni.png);
    background-size: 40px 40px;
    background-position-y: -6px;
    overflow: visible;
    background-repeat: no-repeat;
    margin-top: -5px;
    width: 40px;
    height: 40px;
}

#sm_div_copyrigth_container{
    padding-top: 5px;
    border-top: 1px solid lightblue;
    vertical-align: central;
}

/*seccion de notificaciones*/
.sm_section_notificacioncontainer{
    display: inline-block;
    padding: 5px;
}
.sm_section_notificacioncontainer:not(:first-child){
    margin-left: 10px;
}
.sm_div_notiftag{
    font-weight: 900;
}

#sm_body_notificacion{
    text-align: center;
}
/*en esta seccion se encuentra el boton flotante para volver arriba de la pagina*/
#imgVolverArriba{
    position:fixed; 
    bottom:0; 
    right:0;
    width: 40px;
    height: 40px;
}
/*seccion de labels .. correcto incorrecto*/
.lblcampoinvalido,.lblcampowarning,.lblcampovalido,.lblinfocontainer{
    display: inline-block;
    min-width: 20px;
    min-height: 20px;
    max-width: 50px;
    max-height: 50px; 
    background-size: 20px 20px;
}
.lblcampovalido{

    background-image: url(../recursos/imagenes/sistema/correct.png);

}

.lblcampoinvalido{
    background-image: url(../recursos/imagenes/sistema/error.png);
}

.lblcampowarning{
    background-image: url(../recursos/imagenes/sistema/warning.png);
}

.sm_div_configuracionlink{

    text-decoration: none;
    font-size: 0.8em;
    color:black;
    padding: 10%;
    padding-top: 10px;
    padding-bottom: 10px;


}
.sm_div_configuracionlink:hover{
    color: lightblue;
    text-decoration: underline;
}

/*para el tema de jquery principal*/
.ui-widget-header{
    background: lightblue  !important ;
    background-color: lightblue !important;
}
.ui-dialog{
    border: 2px lightblue solid;
}




/*esot para pruebas*/

#maincontainer{

    margin-left: auto;
    margin-right: auto;
    width: 1330px;
    padding: 5px;

    box-shadow: 0 0 5px black;
    background-color: white;


}

#sm_body_mainsection
{
    width: 100%;
    margin: 0px;
    padding: 10px;
}

#sm_grilla_maincontainer{
    width: 100%;
    margin: 5px;
}

.SIMUNI_ROW{
    width: 1325px;
}
.SIMUNI_COL{

    display: inline-block;
    display: table-cell;


}

.SIMUNI_PRINCIPAL{
    width: 1050PX;
}

body{

    background-color: rgba(0,150,255,0.1);
}

.SIMUNI_MAINROW{
    margin-bottom: 20px;
    margin-top: 10px;
}

/*para la reporteria*/
.sm_container_reporttext{

}
@media print{
    .container{
        font-size: 1.2em;
        margin-bottom: 10px;
    }
    .datos_registro{
        width: 100%;
    }
    .sm_datos_registro_table{
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        text-align: center;

    }
    .SIMUNI_PRINCIPAL{
        display: block;
        height: 100%;
        padding: 0px;
        margin: 0px;
    }
    .sm_container_reporttextheader{
        text-align: center;
        font-weight: 700;
        font-size: 1.1em;
        margin-bottom:10px;
    }
    #maincontainer .SIMUNI_ROW:first-child{
        height: 100px;
    }
    #sm_body_notificacion{
        width: 100%;
        display: block;
        text-align: justify;
        padding-left: 20%;
    }
}

.sm_container_reportopciones{
    text-align: center;
}
.sm_container_reportopcionesitem{
    display: inline-block;
    width: auto;
    margin-left: 100px;
}


/*imagenes*/
.sm_imgcontainer_item{
    display: inline-block;
    padding: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.sm_imgcontainer{
    text-align: center;

}
.sm_imgcontainer_itemcontainer{
    display: inline-block;
    margin: 20px;
}

.sm_div_containerloading{
    background-image:url(/simuniv2/recursos/imagenes/sistema/sm_grilla_loadinggif2.gif);
    background-position:center;
    background-repeat:no-repeat;
}
/*notificaciones*/
.sm_contenido_mensaje{
    padding: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}